<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no , maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=10">
  <meta content="telephone=no" name="format-detection">
  <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/iconfont.css">
  <link rel="stylesheet" type="text/css" href="https://demo.waimaoniu.com/n77/css/aos.css">
  <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/style.css">
  <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.min.js"></script>
  <title>设计编号:77</title>
</head>

<body class="inner-page">
  <div class="main">
    <!-- HEADER START -->
    <header class="header-box">

      <div class="header-middle">
        <div class="header-inner">
          <div class="header-logo">
            <div class="header-logo-box">
              <a href="#"><img alt="Gecko" src="{HOME_THEME_PATH}picture/logo.png"></a>
            </div>
          </div>
          <div class="header-inner-right">
            <div class="header-contact">
              <ul>
                <li class="website-mailbox"><i class="iconfont">&#xe624;</i><a href="message.html"
                    target="_blank">demo@your*domain.com </a></li>
                <li class="website-phone"><i class="iconfont">&#xec76;</i><a href="message.html"
                    target="_blank">400-12345-678</a></li>
              </ul>
            </div>
          </div>

          <div class="social-link">
            <a href="#" class="facebook">
              <i class="iconfont fa-facebook">&#xe616;</i>
            </a>
            <a href="#" class="twitter">
              <i class="iconfont fa-twitter">&#xe609;</i>
            </a>
            <a href="#" class="google-plus">
              <i class="iconfont fa-google-plus">&#xe636;</i>
            </a>
            <a href="#" class="linkedin">
              <i class="iconfont fa-linkedin">&#xe615;</i>
            </a>
            <a href="#" class="skype">
              <i class="iconfont fa-skype">&#xec02;</i>
            </a>
          </div>

          <!--<div class="company-motto">
                    <div class="company-motto-p"><p>Guaranteeing the highest quality products has always been our pursuit</p></div>
                </div>-->
        </div>
        <div class="clear"></div>
      </div>
      <!--导航栏-->
      <div id="fixedMenu">
        <div class="header-inner">
          <div class="language">
            <div class="cur">
              <e class="en">English<i class="iconfont">&#xe635;</i></e>
              <ul class="language-list">
                <li><a href="#" title="English" class="en">English</a></li>
                <li><a href="#" title="España" class="es">España</a></li>
                <li><a href="#" title="Nederlands" class="nl">Nederlands</a></li>
                <li><a href="#" title="العربية" class="ar">العربية</a></li>
                <li><a href="#" title="Pусский" class="ru">Pусский</a></li>
                <li><a href="#" title="Deutsch" class="de">Deutsch</a></li>
                <li><a href="#" title="日本語" class="ja">日本語</a></li>
                <li><a href="#" title="Português" class="pt">Português</a></li>
                <li><a href="#" title="Français" class="fr">Français</a></li>
                <li><a href="#" title="Italiano" class="it">Italiano</a></li>
                <li><a href="#" title="한국의" class="ko">한국의</a></li>
              </ul>
            </div>
          </div>
          <div class="header-search">
            <form>
              <div class="search-box">
                <input class="input-text" placeholder="Search entire store here..." type="text">
                <button class="search-btn"><i class="iconfont">&#xe6c9;</i></button>
              </div>
            </form>
          </div>
          <nav class="main-nav" role="navigation">
            <!-- Mobile menu toggle button (hamburger/x icon) -->
            <input id="main-menu-state" type="checkbox">
            <label class="main-menu-btn" for="main-menu-state">
              <span class="main-menu-btn-icon"></span> Toggle main menu visibility
            </label>
            <!-- Sample menu definition -->
            <ul id="main-menu" class="sm sm-blue">
              <li><a href="index.html">Home</a></li>
              <li><a href="products.html">Products</a>
                <ul>
                  <li><a href="product-list.html">Dummy item</a></li>
                  <li><a href="product-list.html">Dummy item</a></li>
                  <li><a href="product-list.html">Dummy item</a></li>
                  <li><a href="product-list.html">More...</a>
                    <ul>
                      <li><a href="product-list.html">Dummy item</a></li>
                      <li><a href="product-list.html">Dummy item</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li><a href="news.html">News</a>
                <ul>
                  <li><a href="news-list.html">Company News</a></li>
                  <li><a href="news-list.html">Industry News</a></li>
                </ul>
              </li>
              <li><a href="case.html">Case</a></li>
              <li><a href="factory-show.html">Factory Show</a></li>
              <li class="current"><a href="">Contact Us</a></li>
              <li><a href="about-us.html">About Us</a>
                <ul>
                  <li><a href="about-us.html">About Us</a></li>
                  <li><a href="about-us.html">Main Product</a></li>
                  <li><a href="about-us.html">Design</a></li>
                  <li><a href="about-us.html">Advantage</a></li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      <!--导航栏结束-->

    </header>
    <!-- HEADER END -->
    <div class="inner-page-main">
      <div class="inner-page-middle">
        <div class="bread-crumb">
          <i class="iconfont">&#xe688;</i>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li>></li>
            <li><span>Contact Us</span></li>
          </ul>
        </div>
        <div class="inner-page-content">
          <div class="inner-page-r" aos="fade-left" aos-easing="ease" aos-delay="100">
            <div class="contact-table">
              <div class="contact-table-box">
                <div class="contact-info">
                  <table>
                    <tbody>
                      <tr>
                        <td>Company</td>
                        <td> Demo Marketing Group Co., Ltd.</td>
                      </tr>
                      <tr>
                        <td>Address</td>
                        <td>Provinces, cities, counties, towns, China</td>
                      </tr>
                      <tr>
                        <td>Phone</td>
                        <td>400-12345-678/0000-1234567</td>
                      </tr>
                      <tr>
                        <td>Fax</td>
                        <td>0000-1234567</td>
                      </tr>
                      <tr>
                        <td>Email</td>
                        <td>demo@your*domain.com </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="contact-table-box">
                <div class="contact-name">
                  <h5>viaoen</h5>
                </div>
                <div class="contact-info">
                  <table>
                    <tbody>
                      <tr>
                        <td>Position</td>
                        <td>Export Manager</td>
                      </tr>
                      <tr>
                        <td>Mobile phone</td>
                        <td>+86-12312312312</td>
                      </tr>
                      <tr>
                        <td>Telephone</td>
                        <td>+86-0000-1234567</td>
                      </tr>
                      <tr>
                        <td>Fax</td>
                        <td>0000-1234567</td>
                      </tr>
                      <tr>
                        <td>Email</td>
                        <td>demo@your*domain.com</td>
                      </tr>
                      <tr>
                        <td>Skype</td>
                        <td>+86-12312312312</td>
                      </tr>
                      <tr>
                        <td>QQ</td>
                        <td>82123123</td>
                      </tr>
                      <tr>
                        <td>Whatsapp/Wechat</td>
                        <td>+86-12312312312</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>

            <div class="inner-message">
              <div class="th">Mail consultation</div>
              <div class="inner-message-centered">Please feel free to give your inquiry in the form below.<span>We will
                  reply you in 24 hours.</span></div>
              <div class="inner-message-row">
                <form>
                  <div class="item">
                    <div class="inner-message-box">
                      <input type="text" class="input-lg form-full" value="*Subject"
                        onfocus="if(this.value=='*Subject'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='*Subject'){this.value='*Subject';this.style.color='#999';}"
                        name="subject" id="subject" required="">
                    </div>
                  </div>
                  <div class="item">
                    <div class="inner-message-box">
                      <input type="text" class="input-lg form-full" value="*Email"
                        onfocus="if(this.value=='*Email'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='*Email'){this.value='*Email';this.style.color='#999';}"
                        name="email" id="email2" required="">
                    </div>
                  </div>
                  <div class="item item-half">
                    <div class="inner-message-half">
                      <input type="text" class="input-lg form-full" value="Name"
                        onfocus="if(this.value=='Name'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='Name'){this.value='Name';this.style.color='#999';}"
                        name="Name" id="name" required="">
                    </div>
                  </div>
                  <div class="item item-half">
                    <div class="inner-message-box">
                      <input type="text" class="input-lg form-full" value="Phone"
                        onfocus="if(this.value=='Phone'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='Phone'){this.value='Phone';this.style.color='#999';}"
                        name="phone" id="phone" required="">
                    </div>
                  </div>
                  <div class="item">
                    <div class="inner-message-box">
                      <textarea value="Message"
                        onfocus="if(this.value=='Message'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='Message'){this.value='Message';this.style.color='#999';}"
                        name="message" id="message" class="form-full" required="">Message</textarea>
                    </div>
                  </div>
                  <div class="item">
                    <button class="btn-text">Submit</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
          {template nav.html}
        </div>
      </div>
      <!--FOOTER -->
      {template footer.html}
      <script>
        //手机端底部折叠
        $('.sidebar-block-but').on("click", function () {
          $(".sidebar-box").toggleClass("expand");
          $(this).toggleClass("expand");
        })
        $('.footer-content-but').on("click", function () {
          $(".footer-main").toggleClass("expand");
          $(this).toggleClass("expand");
        })
      </script>
      <!-- END FOOTER -->
    </div>
  </div>
  <!--返回顶部-->
  <div class="scroll" id="scroll" style="display:none;">
    <i class="iconfont">&#xe637;</i>
  </div>
</body>
<script src="{HOME_THEME_PATH}js/jquery-1.12.3.min.js"></script>
<!--动态加载-->
<script src="{HOME_THEME_PATH}js/wow.js" id="WOW"></script>
<script>
  new WOW().init();
</script>
<!--轮播图-->
<script src="{HOME_THEME_PATH}js/owl.carousel.min.js"></script>
<script src="{HOME_THEME_PATH}js/custom.js"></script>

<script>
  /* ------------ Newslater-popup JS Start ------------- */
  $(window).load(function () {
    $.magnificPopup.open({
      items: {
        src: '#newslater-popup'
      },
      type: 'inline'
    }, 0);
  });
  /* ------------ Newslater-popup JS End ------------- */
</script>
<!--菜单栏js-->
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
  // SmartMenus init
  $(function () {
    $('#main-menu').smartmenus({
      subMenusSubOffsetX: 1,
      subMenusSubOffsetY: -8
    });
  });

  // SmartMenus mobile menu toggle button
  $(function () {
    var $mainMenuState = $('#main-menu-state');
    if ($mainMenuState.length) {
      // animate mobile menu
      $mainMenuState.change(function (e) {
        var $menu = $('#main-menu');
        if (this.checked) {
          $menu.hide().slideDown(250, function () {
            $menu.css('display', '');
          });
        } else {
          $menu.show().slideUp(250, function () {
            $menu.css('display', '');
          });
        }
      });
      // hide mobile menu beforeunload
      $(window).bind('beforeunload unload', function () {
        if ($mainMenuState[0].checked) {
          $mainMenuState[0].click();
        }
      });
    }
  });
</script>
<!--导航栏置顶固定-->
<script>
  $(function () {
    var ie6 = document.all;
    var dv = $('#fixedMenu'),
      st;
    dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 
    $(window).scroll(function () {
      st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
      if (st > parseInt(dv.attr('otop'))) {
        if (ie6) { //IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果 
          dv.css({
            position: 'absolute',
            top: st
          });
        } else if (dv.css('position') != 'fixed') dv.css({
          'position': 'fixed',
          top: 0
        });
        dv.addClass("top-fixed")
        $('.inner-page-main').addClass("mh")
      } else if (dv.css('position') != 'static') {
        dv.css({
          'position': 'static'
        });
        dv.removeClass("top-fixed")
        $('.inner-page-main').removeClass("mh")
      }
    });
  });
</script>
<!--banner-->
<script src="{HOME_THEME_PATH}js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
  $('.flexslider').flexslider();
</script>

<!--返回顶部-->
<script type="text/javascript">
  $(function () {
    showScroll();

    function showScroll() {
      $(window).scroll(function () {
        var scrollValue = $(window).scrollTop();
        scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
      });
      $('#scroll').click(function () {
        $("html,body").animate({
          scrollTop: 0
        }, 200);
      });
    }
  })
</script>
<!--产品折叠列表-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/sidebar-product.js"></script>
<script type="text/javascript">
  $(function () {
    initSidebarClicker('span', '+', '-')
  })
</script>
<!--产品详情页图片展示-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/product_slide.js"></script>
<script type="text/javascript">
  console.log($('.ps-current [class^="elt"]').length)
  $('.ps-current [class^="elt"]').zoom()
</script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.lightbox-0.5.js"></script>
<script>
  $('.ps-current a').lightBox();
</script>
<!--证书图片点击放大-->
<!-- 设计：Q/微：595894985 -->
<script src="{HOME_THEME_PATH}js/jquery.fancybox.min.js"></script>

<!--页面出厂动画-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/main.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/aos.js"></script>
<script type="text/javascript">
  AOS.init({
    easing: 'ease-out-back',
    duration: 1000
  });
</script>

</html>